<!DOCTYPE html>
<html lang="en">
<head>
	
	<!-- start: Meta -->
	<meta charset="utf-8">
	<title>Socio Learning</title>
	<meta name="description" content="Socio Learning">
	<meta name="author" content="Sahil Sharma">
	<meta name="keyword" content="IAS">
	<!-- end: Meta -->
	
	<!-- start: Mobile Specific -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- end: Mobile Specific -->
	
	<!-- start: CSS -->
	<link href="../../assets/css/bootstrap.min.css" rel="stylesheet">
	<link href="../../assets/css/style.min.css" rel="stylesheet">
	<link href="../../assets/css/retina.min.css" rel="stylesheet">
	<link href="../../assets/css/print.css" rel="stylesheet" type="text/css" media="print"/>
	<!-- end: CSS -->
	
	
	<!-- start: Favicon and Touch Icons -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../assets/ico/apple-touch-icon-144-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../assets/ico/apple-touch-icon-114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../assets/ico/apple-touch-icon-72-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../assets/ico/apple-touch-icon-57-precomposed.png">
	<link rel="shortcut icon" href="../../assets/ico/favicon.png">
	<!-- end: Favicon and Touch Icons -->	
		
</head>

<body>
		<!-- start: Header -->
	<header class="navbar">
		<div class="container">
			<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".sidebar-nav.nav-collapse">
			      <span class="icon-bar"></span>
			      <span class="icon-bar"></span>
			      <span class="icon-bar"></span>
			</button>
			<a id="main-menu-toggle" class="hidden-xs open"><i class="fa fa-bars"></i></a>		
			<a class="navbar-brand col-md-2 col-sm-1 col-xs-2" href="home.html"><span>Socio Learning</span></a>
			<div id="search" class="col-sm-5 col-xs-8 col-lg-3">
				<select>
					<option>Everything</option>
					<option>Course Offerings</option>
					<option>Tests</option>
					<option>Users</option>
			  	</select>
				<input type="text" placeholder="search" />
				<i class="fa fa-search"></i>
			</div>
			<!-- start: Header Menu -->
			<div class="nav-no-collapse header-nav">
				<ul class="nav navbar-nav pull-right">
					<li class="dropdown hidden-xs">
						<a class="btn dropdown-toggle" data-toggle="dropdown" href="home.html#">
							<i class="fa fa-warning"></i>
							<span class="number">11</span>
						</a>
						<ul class="dropdown-menu notifications">
							<li class="dropdown-menu-title">
								<span>You have 11 notifications</span>
							</li>	
                        	<li>
                                <a href="home.html#">
									<span class="icon blue"><i class="fa fa-user"></i></span>
									<span class="message">New user registration</span>
									<span class="time">1 min</span> 
                                </a>
                            </li>
							<li>
                                <a href="home.html#">
									<span class="icon green"><i class="fa fa-comment-o"></i></span>
									<span class="message">New comment</span>
									<span class="time">7 min</span> 
                                </a>
                            </li>
							<li>
                                <a href="home.html#">
									<span class="icon green"><i class="fa fa-comment-o"></i></span>
									<span class="message">New comment</span>
									<span class="time">8 min</span> 
                                </a>
                            </li>
							<li>
                                <a href="home.html#">
									<span class="icon green"><i class="fa fa-comment-o"></i></span>
									<span class="message">New comment</span>
									<span class="time">16 min</span> 
                                </a>
                            </li>
							<li>
                                <a href="home.html#">
									<span class="icon blue"><i class="fa fa-user"></i></span>
									<span class="message">New user registration</span>
									<span class="time">36 min</span> 
                                </a>
                            </li>
							<li>
                                <a href="home.html#">
									<span class="icon yellow"><i class="fa fa-shopping-cart"></i></span>
									<span class="message">2 items sold</span>
									<span class="time">1 hour</span> 
                                </a>
                            </li>
							<li class="warning">
                                <a href="home.html#">
									<span class="icon red"><i class="fa fa-user"></i></span>
									<span class="message">User deleted account</span>
									<span class="time">2 hour</span> 
                                </a>
                            </li>
							<li class="warning">
                                <a href="home.html#">
									<span class="icon red"><i class="fa fa-shopping-cart"></i></span>
									<span class="message">Transaction was canceled</span>
									<span class="time">6 hour</span> 
                                </a>
                            </li>
							<li>
                                <a href="home.html#">
									<span class="icon green"><i class="fa fa-comment-o"></i></span>
									<span class="message">New comment</span>
									<span class="time">yesterday</span> 
                                </a>
                            </li>
							<li>
                                <a href="home.html#">
									<span class="icon blue"><i class="fa fa-user"></i></span>
									<span class="message">New user registration</span>
									<span class="time">yesterday</span> 
                                </a>
                            </li>
                            <li class="dropdown-menu-sub-footer">
                        		<a>View all notifications</a>
							</li>	
						</ul>
					</li>
					<!-- start: Tasks Dropdown -->
					<li class="dropdown hidden-xs">
						<a class="btn dropdown-toggle" data-toggle="dropdown" href="home.html#">
							<i class="fa fa-tasks"></i>
							<span class="number">17</span>
						</a>
						<ul class="dropdown-menu tasks">
							<li>
								<span class="dropdown-menu-title">You have 17 tasks in progress</span>
                        	</li>
							<li>
                                <a href="home.html#">
									<span class="header">
										<span class="title">iOS Development</span>
										<span class="percent"></span>
									</span>
                                    <div class="taskProgress progressSlim progressBlue">80</div> 
                                </a>
                            </li>
                            <li>
                                <a href="home.html#">
									<span class="header">
										<span class="title">Android Development</span>
										<span class="percent"></span>
									</span>
                                    <div class="taskProgress progressSlim progressYellow">47</div> 
                                </a>
                            </li>
                            <li>
                                <a href="home.html#">
									<span class="header">
										<span class="title">Django Project For Google</span>
										<span class="percent"></span>
									</span>
                                    <div class="taskProgress progressSlim progressRed">32</div> 
                                </a>
                            </li>
							<li>
                                <a href="home.html#">
									<span class="header">
										<span class="title">SEO for new sites</span>
										<span class="percent"></span>
									</span>
                                    <div class="taskProgress progressSlim progressGreen">63</div> 
                                </a>
                            </li>
                            <li>
                                <a href="home.html#">
									<span class="header">
										<span class="title">New blog posts</span>
										<span class="percent"></span>
									</span>
                                    <div class="taskProgress progressSlim progressPink">80</div> 
                                </a>
                            </li>
							<li>
                        		<a class="dropdown-menu-sub-footer">View all tasks</a>
							</li>	
						</ul>
					</li>
					<!-- end: Tasks Dropdown -->
					<!-- start: Message Dropdown -->
					<li class="dropdown hidden-xs">
						<a class="btn dropdown-toggle" data-toggle="dropdown" href="home.html#">
							<i class="fa fa-envelope"></i>
							<span class="number">9</span>
						</a>
						<ul class="dropdown-menu messages">
							<li>
								<span class="dropdown-menu-title">You have 9 messages</span>
							</li>	
                        	<li>
                                <a href="home.html#">
									<span class="avatar"><img src="../../assets/img/avatar.jpg" alt="Avatar"></span>
									<span class="header">
										<span class="from">
									    	Łukasz Holeczek
									     </span>
										<span class="time">
									    	6 min
									    </span>
									</span>
                                    <span class="message">
                                        Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                    </span>  
                                </a>
                            </li>
                            <li>
                                <a href="home.html#">
									<span class="avatar"><img src="../../assets/img/avatar2.jpg" alt="Avatar"></span>
									<span class="header">
										<span class="from">
									    	Megan Abott
									     </span>
										<span class="time">
									    	56 min
									    </span>
									</span>
                                    <span class="message">
                                        Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                    </span>  
                                </a>
                            </li>
                            <li>
                                <a href="home.html#">
									<span class="avatar"><img src="../../assets/img/avatar3.jpg" alt="Avatar"></span>
									<span class="header">
										<span class="from">
									    	Kate Ross
									     </span>
										<span class="time">
									    	3 hours
									    </span>
									</span>
                                    <span class="message">
                                        Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                    </span>  
                                </a>
                            </li>
							<li>
                                <a href="home.html#">
									<span class="avatar"><img src="../../assets/img/avatar4.jpg" alt="Avatar"></span>
									<span class="header">
										<span class="from">
									    	Julie Blank
									     </span>
										<span class="time">
									    	yesterday
									    </span>
									</span>
                                    <span class="message">
                                        Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                    </span>  
                                </a>
                            </li>
                            <li>
                                <a href="home.html#">
									<span class="avatar"><img src="../../assets/img/avatar5.jpg" alt="Avatar"></span>
									<span class="header">
										<span class="from">
									    	Jane Sanders
									     </span>
										<span class="time">
									    	Jul 25, 2012
									    </span>
									</span>
                                    <span class="message">
                                        Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                    </span>  
                                </a>
                            </li>
							<li>
                        		<a class="dropdown-menu-sub-footer">View all messages</a>
							</li>	
						</ul>
					</li>
					<!-- end: Message Dropdown -->
					<li>
						<a class="btn" href="home.html#">
							<i class="fa fa-wrench"></i>
						</a>
					</li>
					<!-- start: User Dropdown -->
					<li class="dropdown">
						<a class="btn account dropdown-toggle" data-toggle="dropdown" href="home.html#">
							<div class="avatar"><img src="../../assets/img/avatar.jpg" alt="Avatar"></div>
							<div class="user">
								<span class="hello">Welcome!</span>
								<span class="name">Łukasz Holeczek</span>
							</div>
						</a>
						<ul class="dropdown-menu">
							<li><a href="home.html#"><i class="fa fa-user"></i> Profile</a></li>
							<li><a href="home.html#"><i class="fa fa-cog"></i> Settings</a></li>
							<li><a href="home.html#"><i class="fa fa-envelope"></i> Messages</a></li>
							<li><a href="page-login.html"><i class="fa fa-off"></i> Logout</a></li>
						</ul>
					</li>
					<!-- end: User Dropdown -->
				</ul>
			</div>
			<!-- end: Header Menu -->
			
		</div>	
	</header>
	<!-- end: Header -->
	
		<div class="container">
		<div class="row">
				
			<!-- start: Main Menu -->
			<div id="sidebar-left" class="col-lg-2 col-sm-1 ">
								
				<div class="sidebar-nav nav-collapse collapse navbar-collapse">
					<ul class="nav main-menu">
						<li>
                            <a href="#"><i class="fa fa-bar-chart-o"></i><span class="hidden-sm text"> Dashboard</span></a></li>	
						<li>
							<a href="#"><i class="fa fa-eye"></i><span class="hidden-sm text"> Courses</span></a>
				        </li>
						<li>
                            <a href="#"><i class="fa fa-dashboard"></i><span class="hidden-sm text"> Tests</span></a>
                        </li>
                        <li>
                            <a href="form-dropzone.html"><i class="fa fa-edit"></i><span class="hidden-sm text"> Dropzone Upload</span></a>
                        </li>
					</ul>
				</div>
                <a href="home.html#" id="main-menu-min" class="full visible-md visible-lg"><i class="fa fa-angle-double-left"></i></a>
				</div>
			<!-- end: Main Menu -->
						
			<!-- start: Content -->
			<div id="content" class="col-lg-10 col-sm-11 ">
			
			
			<div class="row">
				
				<div class="col-sm-12 col-md-9">
					<ol class="breadcrumb">
					  	<li><a href="home.html#">Genius</a></li>
					  	<li class="active" >Dashboard</li>

						<div class="form-group choose-date hidden-xs">
						  	<div class="controls">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
									<input type="text" class="form-control" id="daterange" value="09/09/2013 - 09/28/2013">
									<span class="input-group-addon"><i class="fa fa-chevron-down"></i></span>
								</div>
						  	</div>
						</div>

					</ol>
					
					<div class="row">

						<div class="col-lg-3 col-sm-6 col-xs-6 col-xxs-12">
							<div class="smallstat box">
								<div class="boxchart-overlay blue">
									<div class="boxchart">5,6,7,2,0,4,2,4,8,2,3,3,2</div>
								</div>	
								<span class="title">Courses</span>
								<span class="value">4589</span>
								<a href="" class="more">
									<span>View More</span>
									<i class="fa fa-chevron-right"></i>
								</a>	
							</div>
						</div><!--/col-->

						<div class="col-lg-3 col-sm-6 col-xs-6 col-xxs-12">
							<div class="smallstat box">
								<div class="boxchart-overlay red">
									<div class="boxchart">5,6,7,2,0,4,2,4,8,2,3,3,2</div>
								</div>	
								<span class="title">Tests</span>
								<span class="value">789</span>
								<a href="" class="more">
									<span>View More</span>
									<i class="fa fa-chevron-right"></i>
								</a>
							</div>
						</div><!--/col-->

						<div class="col-lg-3 col-sm-6 col-xs-6 col-xxs-12">
							<div class="smallstat box">
								<i class="fa fa-thumbs-up green"></i>
								<span class="title">Favourite Course</span>
								<span class="value">IAS for You</span>
								<a href="" class="more">
									<span>View More</span>
									<i class="fa fa-chevron-right"></i>
								</a>
							</div>
						</div><!--/col-->

						<div class="col-lg-3 col-sm-6 col-xs-6 col-xxs-12">
							<div class="smallstat box">
								<i class="fa fa-thumbs-up green"></i>
								<span class="title">Favourite Test</span>
								<span class="value">CAT</span>
								<a href="" class="more">
									<span>View More</span>
									<i class="fa fa-chevron-right"></i>
								</a>
							</div>
						</div><!--/col-->

					</div><!--/row-->

					
					
					<div class="row">
						
						<div class="col-lg-6">
							<div class="box calendar">	
								<div class="calendar-small"></div>
								<div class="calendar-details">
									<div class="day">MONDAY</div>
									<div class="date">MAY 22</div>
									<ul class="events">
										<li>MAY 22, 19:30 Meeting</li>
										<li>MAY 22, 19:30 Meeting</li>
									</ul>
									<div class="add-event">
										<input type="text" class="new event" placeholder="click here to add event">
									</div>		
								</div>
								<div class="clearfix"></div>
							</div>
						</div><!--/col-->
						
						<div class="col-lg-6">
							
									<div class="box">
										<div class="box-header">
											<h2><i class="fa fa-check"></i>Tasks in Progress</h2>
											<div class="box-icon">
												<a href="home.html#" class="btn-setting"><i class="fa fa-wrench"></i></a>
												<a href="home.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
												<a href="home.html#" class="btn-close"><i class="fa fa-times"></i></a>
											</div>
										</div>
										<div class="box-content no-padding">
											<table class="table bootstrap-datatable datatable small-font">
												<thead>
													  <tr>
														  <th>Task</th>
														  <th>Assigned to</th>
														  <th>Progress</th>
														  <th class="center">Status</th>
													  </tr>
												  </thead>   
												  <tbody>
													<tr>
														<td>SEO Optimisation</td>
														<td>Charly Brown</td>
														<td><div class="progress slim simpleProgress progressGreen">80</div></td>
														<td class="center green">
															Active
														</td>
													</tr>
													<tr>
														<td>App Development</td>
														<td>John Smith</td>
														<td><div class="progress slim simpleProgress progressGreen">95</div></td>
														<td class="center green">
															Active
														</td>
													</tr>
													<tr>
														<td>Hire Developers</td>
														<td>Megan Holms</td>
														<td><div class="progress slim simpleProgress progressLightOrange">27</div></td>
														<td class="center lightOrange">
															Pending
														</td>
													</tr>
													<tr>
														<td>Growt Hacking</td>
														<td>Alan Wane</td>
														<td><div class="progress slim simpleProgress progressGreen">11</div></td>
														<td class="center green">
															Active
														</td>
													</tr>
													<tr>
														<td>A/B Tests</td>
														<td>Irina Cole</td>
														<td><div class="progress slim simpleProgress progressRed">73</div></td>
														<td class="center red">
															Canceled
														</td>
													</tr>											
												</tbody>
											</table>	 	
										</div>
									</div>

						</div><!--/col-->
							
					</div><!--/row-->
					
					<div class="row">		
						
						<div class="col-lg-4 col-md-4">

							<div class="box">
								<div class="box-header">
									<h2><i class="fa fa-check"></i>To Do List</h2>
									<div class="box-icon">
										<a href="home.html#" class="btn-setting"><i class="fa fa-wrench"></i></a>
										<a href="home.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
										<a href="home.html#" class="btn-close"><i class="fa fa-times"></i></a>
									</div>
								</div>
								<div class="box-content">
									<div class="todo">
										<ul class="todo-list">
											<li>
												<span class="todo-actions">
													<a href="home.html#"><i class="fa fa-check"></i></a>
												</span>
												<span class="desc">Windows Phone 8 App</span> 
												<span class="label label-important">today</span>
												<a class="remove" href="home.html#"><i class="fa fa-times"></i></a>					
											</li>
											<li>
												<span class="todo-actions">
													<a href="home.html#"><i class="fa fa-check"></i></a>
												</span>
												<span class="desc">New frontend layout</span>
												<span class="label label-important">today</span>
												<a class="remove" href="home.html#"><i class="fa fa-times"></i></a>	
											</li>
											<li>
												<span class="todo-actions">
													<a href="home.html#"><i class="fa fa-check"></i></a>
												</span>
												<span class="desc">Hire developers</span>
												<span class="label label-warning">tommorow</span>
												<a class="remove" href="home.html#"><i class="fa fa-times"></i></a>	
											</li>
											<li>
												<span class="todo-actions">
													<a href="home.html#"><i class="fa fa-check"></i></a>
												</span>
												<span class="desc">Windows Phone 8 App</span>
												<span class="label label-warning">tommorow</span>
												<a class="remove" href="home.html#"><i class="fa fa-times"></i></a>	
											</li>
											<li>
												<span class="todo-actions">
													<a href="home.html#"><i class="fa fa-check"></i></a>
												</span>
												<span class="desc">New frontend layout</span>
												<span class="label label-success">this week</span>
												<a class="remove" href="home.html#"><i class="fa fa-times"></i></a>	
											</li>
											<li>
												<span class="todo-actions">
													<a href="home.html#"><i class="fa fa-check"></i></a>
												</span>
												<span class="desc">Hire developers</span>
												<span class="label label-success">this week</span>
												<a class="remove" href="home.html#"><i class="fa fa-times"></i></a>	
											</li>
											<li>
												<span class="todo-actions">
													<a href="home.html#"><i class="fa fa-check"></i></a>
												</span>
												<span class="desc">New frontend layout</span>
												<span class="label label-info">this month</span>
												<a class="remove" href="home.html#"><i class="fa fa-times"></i></a>	
											</li>
											<li>
												<span class="todo-actions">
													<a href="home.html#"><i class="fa fa-check"></i></a>
												</span>
												<span class="desc">Hire developers</span>
												<span class="label label-info">this month</span>
												<a class="remove" href="home.html#"><i class="fa fa-times"></i></a>	
											</li>
										</ul>
									</div>	
								</div>
							</div>

						</div><!--/col-->
						
						<div class="col-lg-8 col-md-8">
							<div class="box">
								<div class="box-header">
									<h2><i class="fa fa-list"></i>Recent</h2>
									<div class="box-icon">
										<a href="home.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
										<a href="home.html#" class="btn-close"><i class="fa fa-times"></i></a>
									</div>
									<ul class="nav nav-tabs" id="recent">
									  	<li class="active"><a href="home.html#tickets">Tickets</a></li>
									  	<li><a href="home.html#users">Users</a></li>
									  	<li><a href="home.html#comments">Comments</a></li>
									</ul>
								</div>
								<div class="box-content no-padding">
									
									<div class="tab-content">
									  	<div class="tab-pane active" id="tickets">
											<table class="table bootstrap-datatable datatable small-font">
												<thead>
													<tr>
														<th>Status</th>
														<th>Date</th>
														<th>Description</th>
														<th>User</th>
														<th>Number</th>
													</tr>
												</thead>   
												<tbody>
													<tr>
														<td><span class="label label-success">Complete</span></td>
														<td>Jul 25, 2012 11:09</td>
														<td>Server problem</td>
														<td>Ashley Tan</td>
														<td><b>[#199278]</b></td>
													</tr>
													<tr>
														<td><span class="label label-warning">Suspended</span></td>
														<td>Jul 25, 2012 11:09</td>
														<td>Mobile App Problem</td>
														<td>Ann Kovalsky</td>
														<td><b>[#199277]</b></td>
													</tr>
													<tr>
														<td><span class="label label-info">In progress</span></td>
														<td>Jul 25, 2012 11:09</td>
														<td>Paypal Issue</td>
														<td>Chris Dan</td>
														<td><b>[#199276]</b></td>
													</tr>
													<tr>
														<td><span class="label label-important">Rejected</span></td>
														<td>Jul 25, 2012 11:09</td>
														<td>IE7 Problem</td>
														<td>John Grand</td>
														<td><b>[#199275]</b></td>
													</tr>
													<tr>
														<td><span class="label label-success">Complete</span></td>
														<td>Jul 25, 2012 11:09</td>
														<td>Mobile App Problem</td>
														<td>Agnes Young</td>
														<td><b>[#199274]</b></td>
													</tr>
													<tr>
														<td><span class="label label-warning">Suspended</span></td>
														<td>Jul 25, 2012 11:09</td>
														<td>Mobile App Problem</td>
														<td>Patricia Doyle</td>
														<td><b>[#199273]</b></td>
													</tr>
													<tr>
														<td><span class="label label-info">In progress</span></td>
														<td>Jul 25, 2012 11:09</td>
														<td>Mobile App Problem</td>
														<td>Melanie Brown</td>
														<td><b>[#199272]</b></td>
													</tr>
																							
												</tbody>
											</table>
									  	</div>
									  	<div class="tab-pane" id="users">
											<ul class="users-list">
												<li>
													<a href="home.html#">
														<img class="avatar" alt="Lucas" src="../../assets/img/avatar.jpg">
													</a>
													<div class="name">Łukasz Holeczek 
														<div class="dropdown pull-right">
															<a class="fa fa-cogs" data-toggle="dropdown" href="home.html#"></a>
															<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
																<li><a href="home.html#"><i class="fa fa-check"></i> Accept</a></li>
																<li><a href="home.html#"><i class="fa fa-times"></i>Reject</a></li>
																<li><a href="home.html#"><i class="fa fa-minus-sign-alt"></i>Block</a></li>
																<li><a href="home.html#"><i class="fa fa-trash"></i>Delete</a></li>
															</ul>
														</div>
													</div>
													<span class="place"><i class="fa fa-map-marker"></i>Mikolow, POLAND</span>
													<span class="job"><i class="fa fa-briefcase"></i>Founder, BootstrapMaster.com</span>                                 
												</li>
												<li>
													<a href="home.html#">
														<img class="avatar" alt="Bill" src="../../assets/img/avatar9.jpg">
													</a>
													<div class="name">Bill Cole
														<div class="dropdown pull-right">
															<a class="fa fa-cogs" data-toggle="dropdown" href="home.html#"></a>
															<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
																<li><a href="home.html#"><i class="fa fa-check"></i> Accept</a></li>
																<li><a href="home.html#"><i class="fa fa-times"></i>Reject</a></li>
																<li><a href="home.html#"><i class="fa fa-minus-sign-alt"></i>Block</a></li>
																<li><a href="home.html#"><i class="fa fa-trash"></i>Delete</a></li>
															</ul>
														</div>
													</div>
													<span class="place"><i class="fa fa-map-marker"></i>London, ENGLAND</span>
													<span class="job"><i class="fa fa-briefcase"></i>CEO, Rainbow INC</span>                                 
												</li>
												<li>
													<a href="home.html#">
														<img class="avatar" alt="Jane" src="../../assets/img/avatar5.jpg">
													</a>
													<div class="name">Jane Sanchez
														<div class="dropdown pull-right">
															<a class="fa fa-cogs" data-toggle="dropdown" href="home.html#"></a>
															<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
																<li><a href="home.html#"><i class="fa fa-check"></i> Accept</a></li>
																<li><a href="home.html#"><i class="fa fa-times"></i>Reject</a></li>
																<li><a href="home.html#"><i class="fa fa-minus-sign-alt"></i>Block</a></li>
																<li><a href="home.html#"><i class="fa fa-trash"></i>Delete</a></li>
															</ul>
														</div>
													</div>
													<span class="place"><i class="fa fa-map-marker"></i>Berlin, GERMANY</span>
													<span class="job"><i class="fa fa-briefcase"></i>Head of Stars Group</span>                               
												</li>
												<li>
													<a href="home.html#">
														<img class="avatar" alt="Kate" src="../../assets/img/avatar6.jpg">
													</a>
													<div class="name">Kate Presley
														<div class="dropdown pull-right">
															<a class="fa fa-cogs" data-toggle="dropdown" href="home.html#"></a>
															<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
																<li><a href="home.html#"><i class="fa fa-check"></i> Accept</a></li>
																<li><a href="home.html#"><i class="fa fa-times"></i>Reject</a></li>
																<li><a href="home.html#"><i class="fa fa-minus-sign-alt"></i>Block</a></li>
																<li><a href="home.html#"><i class="fa fa-trash"></i>Delete</a></li>
															</ul>
														</div>
													</div>
													<span class="place"><i class="fa fa-map-marker"></i>Madrid, SPAIN</span>
													<span class="job"><i class="fa fa-briefcase"></i>Creative Director, IdeaLab LTD</span>                                  
												</li>
												<li>
													<a href="home.html#">
														<img class="avatar" alt="Lucas" src="../../assets/img/avatar7.jpg">
													</a>
													<div class="name">Anna Holmes 
														<div class="dropdown pull-right">
															<a class="fa fa-cogs" data-toggle="dropdown" href="home.html#"></a>
															<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
																<li><a href="home.html#"><i class="fa fa-check"></i> Accept</a></li>
																<li><a href="home.html#"><i class="fa fa-times"></i>Reject</a></li>
																<li><a href="home.html#"><i class="fa fa-minus-sign-alt"></i>Block</a></li>
																<li><a href="home.html#"><i class="fa fa-trash"></i>Delete</a></li>
															</ul>
														</div>
													</div>
													<span class="place"><i class="fa fa-map-marker"></i>Paris, FRANCE</span>
													<span class="job"><i class="fa fa-briefcase"></i>Co-Founder, ArtStudio</span>                                 
												</li>
											</ul>
									  	</div>
									  	<div class="tab-pane" id="comments">
									  		<ul class="comments-list">
												<li>
													<a href="home.html#">
														<img class="avatar" alt="Lucas" src="../../assets/img/avatar.jpg">
													</a>
													<div>
														<strong>Łukasz Holeczek</strong> - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
													</div>
													<div class="date">4 minutes ago</div>
												</li>
												<li>
													<a href="home.html#">
														<img class="avatar" alt="Bill" src="../../assets/img/avatar9.jpg">
													</a>
													<div>
														<strong>Bill Cole</strong> - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
													</div>
													<div class="date">22 hours ago</div>	                                
												</li>
												<li>
													<a href="home.html#">
														<img class="avatar" alt="Jane" src="../../assets/img/avatar5.jpg">
													</a>
													<div>
														<strong>Jane Sanchez</strong> - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
													</div>
													<div class="date">2 days ago</div>		                                  
												</li>
												<li>
													<a href="home.html#">
														<img class="avatar" alt="Kate" src="../../assets/img/avatar6.jpg">
													</a>
													<div>
														<strong>Kate Presley</strong> - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
													</div>
													<div class="date">10 days ago</div>	                                  
												</li>
											</ul>
										</div>
									</div>
									
								</div>
							</div>	
						</div><!--/col-->
						
					</div><!--/row-->		
	
					<div class="row">

						<div class="col-lg-12 discussions">

							<ul>

								<li>
									<div class="author">
										<img src="../../assets/img/avatar.jpg" alt="avatar">
									</div>

									<div class="name">Łukasz Holeczek</div>
									<div class="date">Today, 1:08 PM</div>
									<div class="delete"><i class="fa fa-times"></i></div>

									<div class="message">
										Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
									</div>	

									<ul>

										<li>
											<div class="author">
												<img src="../../assets/img/avatar3.jpg" alt="avatar">
											</div>
											<div class="name">Ann Kovalsky</div>
											<div class="date">Today, 1:08 PM</div>
											<div class="delete"><i class="fa fa-times"></i></div>

											<div class="message">
												Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
											</div>

										</li>

										<li>
											<div class="author">
												<img src="../../assets/img/avatar6.jpg" alt="avatar">
											</div>
											<div class="name">Megan Abbott</div>
											<div class="date">Today, 1:08 PM</div>
											<div class="delete"><i class="fa fa-times"></i></div>

											<div class="message">
												Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
											</div>	
										</li>

										<li>
											<div class="author">
												<img src="../../assets/img/avatar.jpg" alt="avatar">
											</div>
											<textarea class="diss-form" placeholder="Write comment"></textarea>
										</li>

									</ul>	

								</li>
								
								<li>
									<div class="author">
										<img src="../../assets/img/avatar.jpg" alt="avatar">
									</div>

									<div class="name">Łukasz Holeczek</div>
									<div class="date">Today, 1:08 PM</div>
									<div class="delete"><i class="fa fa-times"></i></div>

									<div class="message row">
										<div class="col-sm-3 col-xs-6">
											<img src="../../assets/img/gallery/photo2.jpg" class="img-responsive img-thumbnail">
										</div>
										<div class="col-sm-3 col-xs-6">
											<img src="../../assets/img/gallery/photo3.jpg" class="img-responsive img-thumbnail">
										</div>
										<div class="col-sm-3 col-xs-6">
											<img src="../../assets/img/gallery/photo4.jpg" class="img-responsive img-thumbnail">
										</div>
										<div class="col-sm-3 col-xs-6">
											<img src="../../assets/img/gallery/photo5.jpg" class="img-responsive img-thumbnail">
										</div>	
									</div>	

									<ul>

										<li>
											<div class="author">
												<img src="../../assets/img/avatar.jpg" alt="avatar">
											</div>
											<textarea class="diss-form" placeholder="Write comment"></textarea>
										</li>

									</ul>	

								</li>

								<li>
									<div class="author">
										<img src="../../assets/img/avatar9.jpg" alt="avatar">
									</div>

									<div class="name">Tom Allen</div>
									<div class="date">Today, 1:08 PM</div>
									<div class="delete"><i class="fa fa-times"></i></div>

									<div class="message">
										Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
									</div>	

									<ul>

										<li>
											<div class="author">
												<img src="../../assets/img/avatar2.jpg" alt="avatar">
											</div>
											<div class="name">Katie Moss</div>
											<div class="date">Today, 1:08 PM</div>
											<div class="delete"><i class="fa fa-times"></i></div>

											<div class="message">
												Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
											</div>

										</li>

										<li>
											<div class="author">
												<img src="../../assets/img/avatar4.jpg" alt="avatar">
											</div>
											<div class="name">Anna Holn</div>
											<div class="date">Today, 1:08 PM</div>
											<div class="delete"><i class="fa fa-times"></i></div>

											<div class="message">
												Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
											</div>	
										</li>

										<li>
											<div class="author">
												<img src="../../assets/img/avatar9.jpg" alt="avatar">
											</div>
											<textarea class="diss-form" placeholder="Write comment"></textarea>
										</li>

									</ul>	

								</li>

							</ul>	

						</div><!--/col-->

					</div><!--/row-->
					
				</div><!--/col-->
				
				<div class="col-md-3 visible-md visible-lg" id="feed">
					
					<h2>Activity Feed <a class="fa fa-repeat"></a></h2>
					
					<ul id="filter">
						<li><a class="green" href="home.html#" data-option-value="task">Tasks</a></li>
						<li><a class="red" href="home.html#" data-option-value="comment">Comments</a></li>
						<li><a class="blue" href="home.html#" data-option-value="message">Messages</a></li>
						<li><a href="home.html#" data-option-value="all">All</a></li>
					</ul>
					
					<ul id="timeline">
						
						<li class="task">
							<i class="fa fa-check-square green"></i>
							<div class="title">New website - A/B Tests</div>
							<div class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
							<span class="date">3 seconds ago</span>
							<span class="separator">•</span>
							<span class="name">Megan Abbott</span>
						</li>
						
						<li class="comment">
							<i class="fa fa-comments red"></i>
							<div class="title">Sales increase</div>
							<div class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
							<span class="date">15 minutes ago</span>
							<span class="separator">•</span>
							<span class="name">Ashley Tan</span>
						</li>
						
						<li class="comment">
							<i class="fa fa-comments red"></i>
							<div class="title">New Bootstrap Theme</div>
							<div class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
							<span class="date">Today</span>
							<span class="separator">•</span>
							<span class="name">Ashley Tan</span>
						</li>
						
						<li class="message">
							<i class="fa fa-pencil-square blue"></i>
							<div class="title">Job offer</div>
							<div class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
							<span class="date">Yesterday</span>
							<span class="separator">•</span>
							<span class="name">James Doe</span>
						</li>
						
						<li class="task">
							<i class="fa fa-check-square green"></i>
							<div class="title">Custom Design</div>
							<div class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
							<span class="date">5 days ago</span>
							<span class="separator">•</span>
							<span class="name">Megan Abbott</span>
						</li>		
						
					</ul>
					<a href="home.html#" id="load-more">•••</a>		
						
					
				</div><!--/col-->	
				
			</div><!--/row-->	
			
			
			
							
			
     
					
			</div>
			<!-- end: Content -->
				
				</div><!--/row-->		
		
	</div><!--/container-->
	
	
	<div class="modal fade" id="myModal">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<p>Here settings can be configured...</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	
	<div class="clearfix"></div>
	
	<footer>
		<p>
			<span style="text-align:left;float:left">&copy; 2014 creativeLabs. <a href="http://bootstrapmaster.com">Admin Templates</a> by BootstrapMaster</span>
			<span class="hidden-phone" style="text-align:right;float:right">Powered by: <a href="http://bootstrapmaster.com/demo/genius/" alt="Bootstrap Admin Templates">Genius Dashboard</a> | Built with <a href="http://bloxy.co">bloxy</a></span>
		</p>

	</footer>
		
	<!-- start: JavaScript-->
	<!--[if !IE]>-->

			<script src="../../assets/js/jquery-2.0.3.min.js"></script>

	<!--<![endif]-->

	<!--[if IE]>
	
		<script src="../../assets/js/jquery-1.10.2.min.js"></script>
	
	<![endif]-->

	<!--[if !IE]>-->

		<script type="text/javascript">
			window.jQuery || document.write("<script src='../../assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
		</script>

	<!--<![endif]-->

	<!--[if IE]>
	
		<script type="text/javascript">
	 	window.jQuery || document.write("<script src='../../assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
		</script>
		
	<![endif]-->
	<script src="../../assets/js/jquery-migrate-1.2.1.min.js"></script>
	<script src="../../assets/js/bootstrap.min.js"></script>
	
		
	
	
	<!-- page scripts -->
	<script src="../../assets/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script src="../../assets/js/jquery.ui.touch-punch.min.js"></script>
	<script src="../../assets/js/jquery.sparkline.min.js"></script>
	<script src="../../assets/js/fullcalendar.min.js"></script>
	<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../../assets/js/excanvas.min.js"></script><![endif]-->
	<script src="../../assets/js/jquery.flot.min.js"></script>
	<script src="../../assets/js/jquery.flot.pie.min.js"></script>
	<script src="../../assets/js/jquery.flot.stack.min.js"></script>
	<script src="../../assets/js/jquery.flot.resize.min.js"></script>
	<script src="../../assets/js/jquery.flot.time.min.js"></script>
	<script src="../../assets/js/jquery.autosize.min.js"></script>
	<script src="../../assets/js/jquery.placeholder.min.js"></script>
	<script src="../../assets/js/moment.min.js"></script>
	<script src="../../assets/js/daterangepicker.min.js"></script>
	<script src="../../assets/js/jquery.easy-pie-chart.min.js"></script>
	<script src="../../assets/js/jquery.dataTables.min.js"></script>
	<script src="../../assets/js/dataTables.bootstrap.min.js"></script>
	
	<!-- theme scripts -->
	<script src="../../assets/js/custom.min.js"></script>
	<script src="../../assets/js/core.min.js"></script>
	
	<!-- inline scripts related to this page -->
	<script src="../../assets/js/pages/index.js"></script>
	
	<!-- end: JavaScript-->
	
</body>
</html>